<template>
	<view>
		<view class="s11"><span style="font-size: 25px;font-weight: 700;">{{biaoti}}</span></view>
		<view class="s12"><span style="font-size: 18px;font-weight: 700;">{{neiro}}</span></view>
		<image class="s13" mode="widthFix" :src="xuanchuan"></image>
		<view class="s14">开设课程:<span
				style="font-size: 20px;font-weight: 600;padding: 15px;margin-top: 10px;">{{kaise}}</span></view>
		<view style="font-size: 20px;font-weight: 700;margin-left: 280rpx;margin-top: 100rpx;">教学环境</view>
		<view class="s15">
			<image style="width: 100%;" @click="prvimg()" mode="widthFix" :src="jiaoxue"></image>
		</view>
		<view style="margin-left: 140px;font-size: 20px;font-weight: 600;margin-top: 50px;">教学视频</view>
		<view class="s16">
			<video :poster="fengmian" :src="shippp"></video>
		</view>

	</view>
</template>

<script>
	import yyVideoPlayer from '@/components/yy-video-player/yy-video-player.nvue';
	import xiaoVideoComponent from '../../components/xiao-video-component/xiao-video-component.vue'
	import selectAddress from '@/components/yixuan-selectAddress/yixuan-selectAddress.vue'
	import uniNavBar from '../../uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	import cusPreviewImg from '../../components/cus-previewImg/cus-previewImg.vue'
	export default {
		components: {
			yyVideoPlayer
		},
		data() {
			return {
				biaoti: "",
				neiro: "",
				xuanchuan: "",
				kaise: "",
				jiaoxue: "",
				shippp:"",
				fengmian:""
			}

		},
		onLoad() {
			var that = this
			var aa = uni.getStorageSync("jian")[0].biaoti
			var bb = uni.getStorageSync("jian")[0].neiro
			var cc = uni.getStorageSync("jian")[0].xuanchuan
			var dd = uni.getStorageSync("jian")[0].kaise
			var ee = uni.getStorageSync("jian")[0].jiaoxue
			var ff = uni.getStorageSync("jian")[0].ship
			var gg = uni.getStorageSync("jian")[0].fengmian
			that.biaoti = aa
			that.neiro = bb
			that.xuanchuan = cc
			that.kaise = dd
			that.jiaoxue = ee
			that.shippp = ff
			that.fengmian = gg
			
		},
		
		methods: {

			prvimg(cururl) {
				//图片预览
				uni.previewImage({
					urls: this.popo,
					current: cururl
				})

			},
		}
	}
</script>

<style>
	.s11 {
		margin-left: 250rpx;
		margin-top: 50rpx;
	}

	.s12 {
		padding-left: 60rpx;
		padding-right: 60rpx;
		margin-top: 40rpx;
	}

	.s13 {
		width: 95%;
		margin-top: 50rpx;
		padding: 10px;
	}

	.s14 {
		font-size: 20px;
		font-weight: 600;
		padding: 20rpx;
		margin-top: 10px;
	}

	.s15 {
		width: 90%;

		border: 0px solid #FAB6B6;
		margin-left: 40rpx;
		margin-top: 60rpx;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.s16{
		border: 0px solid red;
		margin-top: 0px;
		width:90%;
		padding: 20px;
		margin-left: 60rpx;
	}
</style>
